<template>
  <div class="home">
    <h1>测试switch组件</h1>
    <!-- <my-switch :value="isOpen" @input=""/> -->
    <my-switch v-model="isOpen"/>
    <div>
      默认绿色：现在的值是：{{isOpen}}
    </div>
    <my-switch color="blue" v-model="isOpen1"/>
    <div>
      蓝色
    </div>
    <my-switch color="drange" v-model="isOpen2"/>
    <div>
      红色
    </div>
  </div>
</template>

<script>
// @ is an alias to /src

export default {
  name: 'Home',
  data () {
    return {
      isOpen: false,
      isOpen1: true,
      isOpen2: true
    }
  }
}
</script>
